

//声明 异步交互对象 
var xhr;

//异步校验 商品名
function checkProductName( productName ) {
	
	//实例化xhr 对象
	xhr = new XMLHttpRequest();
	// 指定xhr 对象的交互路径
	xhr.open( "post" , "http://localhost:8080/WebDemo2/servlet/ProductServlet" , true);
	// 指定 xhr 的回调函数
	xhr.onreadystatechange  = hanler ;
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8'); 
	//开始真正的交互，发送请求
	xhr.send("method=check&productName="+productName+"&t="+new Date());
}

// 回调函数
//负责显示  对勾或错号
function hanler() {
	//获取页面中 result ->span
	var res = document.getElementById("result");
	//当服务器端成功交互并返回
	if(xhr.readyState == 4 && xhr.status == 200){
		//接收服务器端响应的数据    - > flag
		//并格式化当前返回的数据
		var result = eval( '('+xhr.responseText+')' );

		if(result) {
			res.innerHTML="请更换产品名 !";
		}else {
			res.innerHTML="可以使用 !";
		}

	} else {
		res.innerHTML='<img src="/WebDemo2/img/loading.gif">';
	}
	
}
